/*.content-middle3 h4 {
    font-size: 1em;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.col-mid{
	text-align: center;
	padding: 0em 0 4em;
}
.col-mid h3 {
  	color:#0ec7a7;
  	font-size: 3em;
  	padding: 0 0 0.3em;
   font-family: 'Raleway', sans-serif;
     font-weight: 700;
    letter-spacing: 3px;
}
.col-mid p {
  color: #BEBDBD;
  font-size: 1em;
  line-height: 1.8em;
  width: 60%;
  margin: 0 auto;
}
.content-middle {
  background-color:#fff;
  padding: 5em 0;
}
.content-middle3{
	text-align:center;
	padding:1.5em 1em 0;
}
.content-middle3 h4{
	font-size:1.5em;
	 font-family: 'Raleway', sans-serif;
	   font-weight: 700;
	color:#000;
}
.content-middle3 h4 a{
 	text-decoration:none;
  	color: #000;
}
.content-middle3 h4 a:hover{
  	color: #0ec7a7;
}
.content-middle3 label{
	width:100px;
	  margin: 1em auto;
  height: 2px;
  border-radius: 5px;
  color: #000;
  background-color: #FF0068;
 
  display: block;
}
.content-middle3 p{
	  color: #BEBDBD;
    line-height: 1.8em;
  font-size: 1em;
  margin: 0.5em 0 0em 0;
}*/
*,
			*:before,
			*:after {
				padding: 0;
				margin: 0;
				box-sizing: border-box;
			}
			
			.container {
				width: 1400px;
				margin: 20px auto;
				background-image: url(../img/img-c7c977b0ea23a348e220be7fda02678a_mh1575268942.jpg);
			}
			
			.menu {
				list-style: none;
				width: 1400px;
				height: 40px;
				box-shadow: 0 0 4px rgba(0, 0, 0, .5);
			}
			
			.menu li {
				float: left;
			}
			
			.menu li a {
				display: inline-block;
				color: #666;
				background-color: #eee;
				text-decoration: none;
				position: relative;
			}
			
			.menu li a::before {
				content: attr(title);
				color: #888;
				background-color: #aaa;
				position: absolute;
				left: 0;
				top: 0;
				transform: rotateX(-90deg);
			}
			
			.menu li a::after {
				content: attr(title);
				color: #fff;
				background-color: #666;
				position: absolute;
				left: 0;
				top: 0;
				transform: rotateX(-180deg);
			}
			
			.menu li a,
			.menu li a::before,
			.menu li a::after {
				width: 200px;
				height: 40px;
				text-align: center;
				font-size: 20px;
				line-height: 40px;
				border: 1px solid #ddd;
				border-width: 0 1px 0 0;
				transition: all 1s;
				transform-style: preserve-3d;
				transform-origin: center center -20px;
			}
			
			.menu li:hover a,
			.menu li a.cur {
				transform: rotateX(178deg);
			}
			
			@media (max-width: 900px) {
				.menu {
					width: 100%;
					height: 40px;
				}
				.menu li {
					width: 12.5%;
				}
				.menu li a,
				.menu li a::before,
				.menu li a::after {
					width: 100%;
				}
			}
			
			@media (max-width: 768px) {
				.menu {
					width: 100%;
					height: 80px;
				}
				.menu li {
					width: 25%;
				}
				.menu li a,
				.menu li a::before,
				.menu li a::after {
					width: 100%;
					border-width: 0 1px 1px 0;
				}
			}
			
			@media (max-width: 480px) {
				.menu {
					width: 100%;
					height: 160px;
				}
				.menu li {
					width: 50%;
				}
				.menu li a,
				.menu li a::before,
				.menu li a::after {
					width: 100%;
					border-width: 0 1px 1px 0;
				}
			}
			
			@media (max-width: 320px) {
				.menu {
					width: 100%;
					height: 320px;
				}
				.menu li {
					width: 100%;
				}
				.menu li a,
				.menu li a::before,
				.menu li a::after {
					width: 100%;
					border-width: 0 0 1px 0;
				}
			}
			
			.dianpu {
				width: 1400px;
				margin-top: 0px;
				height: 132px;
				/*background: linear-gradient(to right, red, yellow);*/
				-webkit-background-clip: text;
				color:steelblue;
			}
			
			.change {
				width: 1400px;
				margin-top: 0px;
				height: 500px;
				position: relative;
			}
			
			.chzuo {
				width: 350px;
				margin-top: 0px;
				height: 600px;
				position: absolute;
				background-color:white;				
				margin-left: 0px;
				content: normal;
			}
			
			.chyou {
				width: 350px;
				margin-top: 0px;
				height: 500px;
				position: absolute;
				background-color:white;
				margin-left: 1050px;
			}
			
			#lun {
				width: 1050px;
				height: 600px;
				overflow: hidden;
				position:absolute;
				margin-left: 350px;
			}
			
			#photo {
				width: 3500px;
				animation: switch 15s ease-out infinite;
			}
			
			#photo>img {
				float: left;
				width: 1050px;
				height: 600px;
			}
			
			@keyframes switch {
				0%,
				33% {
					margin-left: 0;
				}
				33%,
				66% {
					margin-left: -1050px;
				}
				66%,
				100% {
					margin-left: -2100px;
				}
			}
			
			.first {
				width: 350px;
				margin-top: 0px;
				height: 400px;
				background-color: #1974D7;
			}
			
			.second {
				width: 350px;
				margin-top: 300px;
				margin-left: 300px;
				height: 200px;
				background-color: #5F9EA0;
			}
			
			.third {
				width: 350px;
				margin-top: 200px;
				margin-left: 300px;
				height: 200px;
				background-color: #5F9EA0;
			}
			
			.four {
				width: 350px;
				margin-top: 0px;
				margin-left: 6500px;
				height: 200px;
				background-color: #5F9EA0;
			}
			
			
			.jieshao {
				width: 1400px;
				margin-top: 0px;
				height: 300px;
				background-color: #2F4F4F;
				position: absolute;
			}
			
			.jiezuo {
				width:1400px;
				margin-top: 0px;
				height: 300px;
				background:url(../img/3.jpg);
				position: absolute;
			}
			
			.jiezhong {
				width: 1400px;
				margin-top: 300px;
				height: 350px;
				background-color: antiquewhite;
				position: absolute;
				filter: alpha(opacity=60);
				-moz-opacity: 0.6;
				opacity: 0.95;
			}
			
			.jieyou {
				width: 1400px;
				margin-top: 650px;
				height: 800px;
				background-color: #A0522D;
				position: absolute;
			}
			
			.xiangmu {
				width: 1400px;
				margin-top: 1550px;
				height: 450px;
				position: relative;
				
			}
			
			.yi {
				width: 1000px;
				margin-left: 200px;
				margin-right: 200px;
				margin-top: 50px;
				height: 350px;
				background-color: #EEEEEE;
				position: absolute;
				filter: alpha(opacity=60);
				-moz-opacity: 0.6;
				opacity: 0.9;
			}
			
			.er {
				width: 1400px;
				margin-top: 0px;
				height: 450px;
				filter: alpha(opacity=60);
				-moz-opacity: 1;
				opacity: 0.98;
				position: absolute;
				background;
			}
			
			.about {
				width: 1400px;
				margin-top: 0px;
				height: 300px;
				position: relative;
				background-color:white ;
			}
			
			.one {
				width: 200px;
				height: 200px;
				position: absolute;
				margin-left: 200px;
				margin-top: 50px;
				text-align: center;
				display: inline-block;
				background:darksalmon;
				text-decoration: none;
				color: #FF7F50;
				border-radius: 50%;
				line-height: 200px;
				font-size: 25px;
				filter: alpha(opacity=60);
				-moz-opacity: 0.6;
				opacity: 0.5;
			}
			
			.tow {
				width: 200px;
				height: 200px;
				position: absolute;
				margin-left: 600px;
				margin-top: 50px;
				text-align: center;
				display: inline-block;
				background:darksalmon;
				text-decoration: none;
				color:  #FF7F50;
				border-radius: 50%;
				line-height: 200px;
				font-size: 25px;
				filter: alpha(opacity=60);
				-moz-opacity: 0.6;
				opacity: 0.5;
			}
			
			.three {
				width: 200px;
				height: 200px;
				position: absolute;
				margin-left: 1000px;
				margin-top: 50px;
				text-align: center;
				display: inline-block;
				background:darksalmon;
				color: #FF7F50;
				border-radius: 50%;
				line-height: 200px;
				font-size: 25px;
				text-decoration: none;
				filter: alpha(opacity=60);
				-moz-opacity: 0.6;
				opacity: 0.5;
			}
			
			a {
				text-decoration: none;
			}
			
			a:visited {
				text-decoration: none;
			}
			
			a:hover {
				text-decoration: none;
			}
			
			a:active {
				text-decoration: none;
			}
			
			.one a:hover {
				background: #50A3A2;
				color: black;
			}
			
			.tow a:hover {
				background: #50A3A2;
				color: black;
				text-decoration: none;
			}
			
			.three a:hover {
				background: #50A3A2;
				color: black;
				text-decoration: none;
			}
				
.hezi1{
	position: absolute;
	width: 1400px;
	margin-top: 650px;
	height: 300px;
	background:violet ;
	float:top;
}
.hezi2{
	position: absolute;
	width: 1400px;
	margin-top: 950px;
	height: 300px;
	background:violet ;
	float:top;
}
.hezi3{
	position: absolute;
	width: 1400px;
	margin-top: 1250px;
	height: 300px;
	background:violet ;
	float:top;
}
.img1{
	position: relative;
	width: 20%;
	height: 100%;
	background:wheat;
	float: left;
}
.img2{
	position: relative;
	width: 20%;
	height: 100%;
	background:white;
	float: left;
}
.img3{
	position: relative;
	width: 20%;
	height: 100%;
	background:white;
	float: left;
}
.words{
	position: relative;
	width: 80%;
	height: 100%;
	background:grey ;
	float: left;
}

